import './styles/ChatPage.css';
import React, {useState} from "react";
import Chat from "./components/Chat/Chat";
import OnlineUsers from "./components/OnlineUsers/OnlineUsers";

const ChatPage = () => {
    const [usersOnline, setUsersOnline] = useState<string[]>([]);

    return (
        <div className="chatpage">
            <Chat setOnlineUsers={setUsersOnline}/>
            <OnlineUsers onlineUsers={usersOnline}/>
        </div>
    );
};

export default ChatPage